import {homeGoodList,goodType} from '../../api/api'
import {loginCheck} from '../../utils/filter'
const app=getApp().globalData
Page(loginCheck({

  /**
   * 页面的初始数据
   */
  data: {
    //分类数据
    classify: [{
      title: '首页',
      id: 'q12'
    }, {
      title: '腕表珠宝',
      id: 'q15'
    }, {
      title: '大家电',
      id: 'q16'
    }, {
      title: '小家电',
      id: 'q241'
    }, {
      title: '京东手机',
      id: 'q13'
    }, {
      title: '电脑',
      id: 'q51'
    }, {
      title: '运动',
      id: 'q15'
    }, {
      title: '电脑',
      id: 'q16'
    }, {
      title: '手机',
      id: 'q9'
    }, {
      title: '假装',
      id: 'q10'
    }, {
      title: '家装',
      id: 'q11'
    }],
    //轮播广告数据
    swiperClass: [{
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 465
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 435
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 1543254
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 1543253
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 1654
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 54321
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 654621
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 153415
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 15342
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 153245
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 465
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 435
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 1543254
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 1543253
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 1654
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 54321
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 654621
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 153415
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 15342
      },
      {
        title: '京东超市',
        src: '/image/jingdong.png',
        id: 153245
      }
    ],
    //卡片数组
    cardArr: [{
        image: "/image/07.jpg",
        title: '激发了的萨芬哈萨克的灵魂flash法律卡萨活佛激发了的萨芬哈萨克的灵魂flash法律卡萨活佛',
        price: 2000,
        comment: '2000+'
      },
      {
        image: "/image/07.jpg",
        title: '激发了的萨芬哈萨克的灵魂flash法律卡萨活佛激发了的萨芬哈萨克的灵魂flash法律卡萨活佛',
        price: 2000,
        comment: '2000+'
      },
      {
        image: "/image/07.jpg",
        title: '激发了的萨芬哈萨克的灵魂flash法律卡萨活佛',
        price: 2000,
        comment: '2000+'
      }
    ],
    //滑动导航-滑块位置
    scrollLeft: 0,
    //滑动导航-当前选中的元素
    scrollIndex:0,
    //下拉导航是否显示
    navSelect:true
  },
  //获取商品分类
  getGoodType(){
    goodType().then(res=>{
      console.log(res);
    })
  },
  //获取首页列表
  getHomeGoodList(){
    homeGoodList({token:app.userInfo.token}).then(res=>{
      console.log(res);
      wx.hideLoading({
        success: (res) => {},
      })
      let arr=[]
      res.data.forEach(item=>{
        if(item.children.length>0){
          arr=[...arr,...item.children]
        }
      })
      
      this.setData({
        cardArr:arr
      })
      console.log(this.data.cardArr,1111);
    })
  },
  //展示下拉菜单
  showNavSelect(){
    this.setData({
      navSelect:!this.data.navSelect
    })
  },
  //选择分类
  chooseClass(item) {
    let index=item.target.dataset.index
    let arrWidth=item.currentTarget.offsetLeft
    let query = wx.createSelectorQuery();
    let id
    let width
    this.setData({
      scrollIndex:index
    })
    if(index>1){
      id='classify'+this.data.classify[index-1].id
      query.select(`#${id}`).boundingClientRect( (rect)=> {
        width=rect.width
        this.setData({
          scrollLeft: arrWidth-27-width
        })
      }).exec();
    }else{
      this.setData({
        scrollLeft: 0
      })
    }

  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.showLoading({
      title: '加载中',
    })
    this.getGoodType()
    this.getHomeGoodList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
}))